<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<div>{{name}}</div>
			<h1>
				<h2>{{age}}</h2>
			</h1>
			<h1>{{list.name}}</h1>
			<h1>{{list.aaa}}</h1>
			<button type="button" @click="btn">按钮</button>
			<input type="" name="" id="" value="" v-model="name" />
			<input type="" name="" id="" value="" v-model="name" />
		</div>
		<script src="./vue.js">
			
		</script>
		<script type="text/javascript">
			new Vue({
				el: '#app',
				data: {
					name: '我是张三',
					age: '18',
					list: {
						name: '我是内向的值',
						aaa: '123',
						age: 11,
						obj: {
							name: 1
						}
					},
					input: ''
				},
				methods:{
					btn() {
						this.list.name = 111111
						this.list.aaa = "我是新的"
						this.name = "我是测试新的name值"
						console.log(this)
					}
				}
			})
		</script>
		<script type="text/javascript">
			const a = {
				dd: 11,
				b: {
					c: 1
				}
			}
			Object.defineProperty(a,'dd',{
				get() {
					return 1
				},
				set(val) {
					console.log(val)
				}
			})
			a.b.c = 123
			
			console.log(a)
		</script>
	</body>
</html>
